<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        html {
            height: 5000px;
        }
    </style>
</head>

<body>
    <button class="open">打开窗口</button>
    <button class="close">关闭窗口</button>
</body>
<script>
    /* 
        window下的内置属性
            name  窗口的名称(字符串类型) => 一经设置,只要窗口不关闭,会一致存在
            status 设置窗口状态栏的文本(默认"") => 页面刷新之后就会重置
            innerWidth   窗口的可视宽高(文档的可视宽度 + 滚动条宽度,不包含控制台)
            innerHeight  窗口的可视宽高(文档的可视高度 + 滚动条高度,不包含控制台) 


        window下的内置方法
            open(url,name,窗口特征)   打开新的窗口或查找一个已命名的窗口
            (1)  open(url)  打开新的窗口
            (2)  open(url,name)  打开新的窗口,并设置窗口名称 =>  每次打开窗口前,查找是否存在对应name属性的窗口,有就跳转,没有就打开新的
            (2)  open(url,name,窗口特征)
                 窗口特征 => "width=600px,height=400px,left=100px,top=100px"

            返回值: 新窗口的window对象

            close()  对应window关闭窗口


    
    */

    // console.log(window.name);
    // window.name = "mine";
    // console.log(name);

    // console.log(window.status);
    // window.status = "loading";
    // console.log(window.status);

    // 注意:  name status不建议作为全局变量使用 (和window.name,window.status冲突)
    // var name = 100; // window.name
    // var status = 200;
    // console.log(name,status);

    // console.log(window.innerWidth,window.innerHeight);

    // window.onresize = function(){
    //     console.log(window.innerWidth,document.documentElement.clientWidth);
    // }


    var openBtn = document.querySelector(".open");
    var closeBtn = document.querySelector(".close");


    openBtn.onclick = function () {
        // window.open("https://www.baidu.com"); // 打开新的窗口
        // window.open("https://www.baidu.com","baidu"); // 打开新的窗口或查找一个已命名的窗口
        // window.open("https://www.baidu.com", "baidu", "width=600px,height=400px,left=100px,top=100px");

        var subWindow = window.open("../../day21/html/15 swiper演示.html", "baidu", "width=600px,height=400px,left=100px,top=100px");
        console.log(subWindow);
    }
    closeBtn.onclick = function () {
        window.close();
    }


</script>

</html>